Hello and welcome.
In this video I will be creating a directory for the projet and also the hastey HIM OUT.
I'm going to create their oak tree on my desktop and then right click the desktop click new folder and
I will call this directory Carlisle switcher.
All right.
So this is the name of my directory.
Next thing I want to do is create a hasty email file.
Im going to be using this sublime text editor So this is a blank file Im just going to see if it has
an email.
So I'm saving it inside this directory we create it called CLOs switcher.
I'm just going to call it call or switch our DOT hastier mail call or switch.
Got t.
How quick.
See I have already pre stage.
Term so far.
I'm just going to add in and then I'll run through the code with it.
This is the history email for the project.
Line 1 is what is known as the dock title.
The Dock type basically is the first thing you indicate in an email 5 document or does it notifies a
web browser is that the content of the document is hastier mouth five document.
So the actual email is online to an end.
On line 25.
So here we've got the head section the beginning or the plain tag of the had sections on line 3 and
the closing tag is on line 6.
I missed out a bracket here.
Simple as that.
So now we have the name tag and the closing tag in siby head tag.
We've got a title so this would be the title for the application.
An online five is a reference to the external style sheet.
We are going to use.
I have not created it yet but when I do I'm going to call it lot switcher that csx the body tags stands
from line 8 an on line 24 so anything inside the body tag is what constitutes the visible content of
the application.
So inside the body type we've got to hate one element.
This will be used for the header or the title heading for the application.
We've got you.
You are busily is an ordered list so I've got an on ordered list.
Here I am giving it an idea of a switcher.
We've got various list items and they've all got different I.D. list.
This is a list and it is great button idea what polton Idea bluebottle and I saw when I use these ideas
later in style in this list with csx line 17 is just a paragraph tag that does display this text here
line 20.
Is he.
Link to our external javascript so awkwardly opening script quote source attribute this source specifically
is used to specify where the external file is located and the file is going to be located inside the
same direct taree as his team.
So far all I have to do is just reference it by its name.
So he's going to be called collars which is when I create a FAQ.
So we've got a link to our external style sheet on my 5 and a link to our external javascript on line
20 so that's basically the hastier Mark and is going to click File and see all.
Let's take a look at what we have created so far by double clicking on the directory and clicking on
this is TMF farm.
So we've got the title What is the tag.
These are the various list items we are going to use csx in the next play to make it look more presentable.
And this here is the paragraph attack so that's it for this Late Show.
Thank you for watching.
Bye for now.